<template>
<view class="pointDetails">
<classifyHead title="积分明细" />
<view class="content">
    <view class="content-item">
        <image
            src="../../static/images/WoDEIcon07.png"
            mode="aspectFill"
        />
        <view class="score">
            <view>竞购积分</view>
            <view>当前积分: <text style="color: #fd852b;"> 15411021.00</text></view>
        </view>
        <button class="btn" @click="handleOpen">查看明细</button>
    </view>
</view>
</view>
</template>

<script setup>
import classifyHead from '@/components/classifyHead.vue';
const handleOpen = () => {
uni.navigateTo({
    url: '/subPackage/myPage/general'
})
}
</script>

<style lang="scss" scoped>
.pointDetails{ 
.content{
    width:calc(100% - 30rpx);
    padding: 0 15rpx;
    .content-item{
        margin-top: 40rpx;
        width:calc(100% - 40rpx);
        height: 200rpx;
        box-shadow: 0 10rpx 30rpx rgba(0, 0, 0, 0.15);
        border-radius: 30rpx;
        padding:10rpx 20rpx;
        display: flex;
        align-items: center;
        justify-content:space-around;
        image{
            width: 90rpx;
            height: 90rpx;
        }
        .score{
       margin-left:18rpx;
        }
        .btn{
            background: #5655b3;
            width: 195rpx;
            height: 65rpx;
            display: flex;
            justify-content: center;
            align-items: center;
            color: aliceblue;
            border-radius: 30rpx;
            margin-left: 55rpx;
        }
    }
}
}
</style>